<!DOCTYPE html>
<html>
  <head>
    <title>personMan.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <link rel="stylesheet" type="text/css" href="css/styles.css">
    <link rel="stylesheet" type="text/css" href="css/person.css">
    <script type="text/javascript" src="js/cookie_util.js"></script>
    <script type="text/javascript" src="js/jquery-1.11.1.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/order.js"></script>
    <style type="text/css">
    	<!--
    		body{
    			font-size: 16px;
    		}
    	-->
    </style>
    <script type="text/javascript">
        var userId = getCookie("userId");
        var is_full=getCookie("is_full");
         $(document).ready(function() {
         $("#login-id").text(getCookie("userName"));
            if("0"==is_full){
            	$("#loguserid").val(userId);
                var s = document.getElementById("shade");
                s.style.display = "block";
                var l = document.getElementById("personinfo");
                l.style.display = "block";
            }else{
                loadOrder();
            }
         });
    </script>
	<script type="text/javascript">
	function open_perinfo() {
	   var userid = getCookie("userId");
        $("#loguserid").val(userid);
		var s = document.getElementById("shade");
		s.style.display = "block";

		var l = document.getElementById("personinfo");
		l.style.display = "block";
	}

	function close_perinfo() {
		var s = document.getElementById("shade");
		s.style.display = "none";

		var l = document.getElementById("personinfo");
		l.style.display = "none";
	}
	function open_pwdinfo() {
		var s = document.getElementById("shade");
		s.style.display = "block";

		var l = document.getElementById("modifypwd");
		l.style.display = "block";
	}

	function close_pwdinfo() {
		var s = document.getElementById("shade");
		s.style.display = "none";

		var l = document.getElementById("modifypwd");
		l.style.display = "none";
	}
	</script>
  </head>
  
  <body>
  	<div id="shade"></div>
    <div class="header">
        <div class="top">
            <a class="logo">试驾车管理系统</a>
            <div class="login-info" id="logon-info">
                <span>当前登录</span><span id="login-id"></span><a href="JavaScript(0)"
                    onclick="safeQuit()">退出登录</a>
            </div>
               <div class="search-box">
                <div class="suggestion_widget" data-default-count="0">
                    <input type="text" class="search-input" placeholder="搜索您要找的车"
                        data-role="keywordInput" name="keyword" autocomplete="off">
                    <button class="search-btn">搜索</button>
                </div>
            </div>
        </div>
        <div class="top-nav">
            <div class="navlist">
				<a href="qryCar.html" onclick="" class="navli">查找车辆</a> <a
					href="carExp.html" onclick="" class="navli">试驾体验</a> <a
					href="personMan.html" onclick="" class="navli">个人中心</a> <a
					href="Javascript:void(0)" onclick="toManPage()" class="navli">后台管理</a>
			</div>
        </div>
    </div>
	<div class="main">
		<div class="main-content">
			<div class="titlediv" id="base"><span>个人中心</span></div>
			<div class="sortnav">
			<ul class="sequen">
				<li class="first"><a rel="nofollow" href="Javascript:void(0)" onclick="getAllOrder(this)">订单中心</a></li>
				<li class=""><a href="Javascript:void(0)" title="" onclick="getMyDrive(this)">我的试驾</a></li>
				<li class=""><a href="Javascript:void(0)" title="" onclick="open_perinfo()">个人信息</a></li>
				<li class=""><a href="Javascript:void(0)" title="" onclick="open_pwdinfo()">修改密码</a></li>
			</ul>
			</div>
			<!-- 订单中心 -->
			<div class="orderinfo" id="orderinfo">
				<div class="sortnav">
				<ul class="sequen">
					<li class="secfirst"><a rel="nofollow" href="Javascript:void(0)" onclick="getAllOrderBy(this)" >全部订单</a></li>
					<li><a href="Javascript:void(0)" title="" onclick="getAllOrderBy(this)">进行中</a></li>
					<li><a href="Javascript:void(0)" title="" onclick="getAllOrderBy(this)">已完成</a></li>
				</ul>
				</div>
				<table>
					<thead>
						<tr>
							<td>订单号</td>
							<td>试驾车型</td>
							<td>预约时间</td>
							<td>还车时间</td>
							<td>订单状态</td>
							<td>订单操作</td>
						</tr>
					</thead>
					<tbody id="myorderbody">
						
					</tbody>
				</table>
			</div>
			<!-- 我的试驾 -->
			<div class="mydriveinfo" style="display:none" id="mydriveinfo">
				<div id="content-role">
            	<table class="travelnews" id="travelList">
                    
                </table>
          	</div>
			</div>
		</div>
	</div>
	<!-- 个人信息 -->
			<div id="personinfo">
				<div class="personform">
					<label>
						<span>用户名</span><br/>
						<input type="text" readonly="readonly" class="textinp" id="loguserid"/>
					</label>
					<label>
						<span>真实姓名</span><br/>
						<input type="text" class="textinp" id="realname"/>
					</label>
					<label>
						<span>证件信息</span><br/>
						<input type="text" class="textinp" id="certnum"/>
					</label>
					<label>
						<span>联系方式</span><br/>
						<input type="text" class="textinp" id="linkphone"/>
					</label>
					<label>
						<span>邮箱</span><br/>
						<input type="text" class="textinp" id="email"/>
					</label>
					<label>
						<span>驾驶证号</span><br/>
						<input type="text" class="textinp" id="drivenum"/>
					</label>
					<label>
						<span>驾龄</span><br/>
						<input type="text" class="textinp" id="driveyear"/>
					</label>
					<label id="butlabel">
						<input type="button" value="修改" class="infobut" onclick="tomodifyinfo()"/><input type="button" value="关闭" class="infobut" onclick="close_perinfo()"/>
					</label>
				</div>
			</div>
			<!-- 修改密码 -->
			<div id="modifypwd">
				<div class="pwdform">
					<label>
						<span>原始密码</span>
						<input type="password" class="textinp" id="oldPwd"/><br/>
					</label>
					<label>
						<span>新的密码</span>
						<input type="password" class="textinp" id="newPwd"/>
					</label>
					<label>
						<span>确认密码</span>
						<input type="password" class="textinp" id="newPwd1"/>
					</label>
					<label>
						<input type="button" value="修改" class="modibut" onclick="modifyPwd()"/>
						<input type="button" value="返回" class="modibut" onclick="close_pwdinfo()"/>
					</label>
				</div>
			</div>
  </body>
</html>
